html{
	font-size:5vw;
    }
*{
	margin: 0;
	padding: 0;
}
.app{
	height:100vh;
	width:100vw;
	font-size: 1rem;
	}
.app .title{
	text-align: center;
	}
	.app ul{
		width:18rem;
		margin: auto;
	}
.app ul>li{
	list-style: none;
	background-color: white;
	text-align: center;
	width:18rem;
	border-radius: 0.2rem;
}
.app ul>li:nth-child(1){
	border: 1px solid #c0c0c0;
}
.app ul>li:nth-child(3){
	background-color: #0A98D5;
	color:white;
	height:1.5rem;
	line-height: 1.5rem;
}
.app ul>li:nth-child(4){
	margin-top:1rem;
	height:1.5rem;
	line-height: 1.5rem;
	border: 1px solid  #c0c0c0;
}
.app ul>li:nth-child(2){
	height:1.5rem;
	line-height: 1.5rem;
	text-align: left;
	color: red;
	background-color:#f6f6f6 ;
}
.app ul>li>div{
	width:18rem;	
	height:2rem;
    line-height: 2rem;
}
.app ul>li input{
	height: 1rem;
	border: none;
	outline: none;
	background-color: ;
}
.app ul>li div:nth-child(1){
	border-bottom: 1px solid #c0c0c0;
}
.app ul>li>a{
	display: block;
	height:100%;
	width: 100%;
}
.app .title{
	height:2rem;
	font-size:1.25rem;
	line-height: 2.5rem;
}
.app .body{
	padding: 1rem;
	background-color: #f6f6f6;
	height:100%;
	position:relative;
}
.app .body .miao{
	position:absolute;
	bottom:20%;
	left:9rem;
	width:2rem;
	height:2rem;
	text-align: center;
	line-height:2rem;
	border:1px solid #ffffff;
	color: wheat;
	border-radius:0.5rem;
	
}
